<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <meta name="keywords" content="中国海洋大学,计算机,学生,个人主页,HTML,CSS,JavaScript,jQuery,XML,AJAX,,SQL,Bootstrap,JavaWeb"/>
    <meta name="description" content="不想起名的小窝"/>
    <title>不想起名|关于</title>
    <link rel="shortcut icon" href="img/favicon.ico"/>
    <link rel="stylesheet" href="css/main.css"/>
    <noscript>
        <link rel="stylesheet" href="css/noscript.css"/>
    </noscript>
    <script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
</head>
<body class="is-preload">
<div id="page-wrapper">

    <!-- Header -->
    <header id="header">
        <h1 id="logo"><a href="index.html">不想起名</a></h1>
        <nav id="nav">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="servlet/PostlistServlet?role=0">博客</a></li>
                <li><a href="about.html">关于</a></li>
                <li><a href="login.html" class="button">登录</a></li>
            </ul>
        </nav>
    </header>

    <!-- Main -->
    <div id="main" class="wrapper style1">
        <div class="container">
            <header class="major">
                <h2>关于</h2>
                <p>也不知道说些什么</p>
            </header>

            <!-- Text -->
            <section>
                <header>
                    <h3>饮料</h3>
                </header>
                <p>你爱我，我爱你，蜜雪冰城甜蜜蜜。芝士奶盖四季春，永远的神</p>
                <hr/>
                <header>
                    <h3>美食</h3>
                    <p>学校真是美食荒漠</p>
                </header>
                <p>
                    有蒸羊羔、蒸熊掌、蒸鹿尾儿、烧花鸭、烧雏鸡、烧子鹅、卤猪、炉鸭、酱鸡、腊肉、松花、小肚儿、晾肉、
                    香肠儿、什锦苏盘儿、熏鸡白肚儿、清蒸八宝猪、江米酿鸭子、罐儿野鸡、罐儿鹌鹑、卤什件儿、卤子鹅、
                    山鸡、兔脯、菜蟒、银鱼、清蒸哈什蚂、卤鸭腰儿、烩鸭条、清拌腰丝儿、黄心管儿、卤白鳝、焖黄鳝、
                    豆豉鲇鱼、锅烧鲤鱼、卤烂甲鱼、抓炒鲤鱼、抓炒对虾、软炸里脊、软炸鸡、什锦套肠儿、卤煮寒鸭儿、
                    麻酥油卷儿、熘鲜蘑、熘鱼脯、熘鱼肚、熘鱼片儿、醋熘肉片儿、熘三鲜儿、熘鸽子蛋、熘白蘑、熘什件儿、
                    炒银丝儿、熘刀鱼、清蒸火腿、炒白虾、卤青蛤、炒面鱼、炝竹笋、芙蓉燕菜、炒虾仁儿、熘腰花儿、
                    烩海参、炒蹄筋儿、锅烧海参、锅烧白菜、卤木耳、炒肝尖儿、桂花翅子、清蒸翅子、炸飞禽、炸汁儿、
                    炸排骨、清蒸江瑶柱、糖熘芡仁米、拌鸡丝、卤肚丝、什锦豆腐、什锦丁儿、糟鸭、糟熘鱼片、熘蟹肉、
                    炒蟹肉、烩蟹肉、清拌蟹肉、蒸南瓜、酿倭瓜、炒丝瓜、酿冬瓜、熘鸭掌儿、焖鸭掌儿、焖笋、炝茭白、
                    茄干晒炉肉、鸭羹、蟹肉羹、鸡血汤、三鲜木樨汤、红丸子、白丸子、南煎丸子、四喜丸子、三鲜丸子、
                    汆丸子、鲜虾丸子、鱼脯丸子、铬馇丸子、豆腐丸子、樱桃肉、马牙肉、米粉肉、一品肉、栗子肉、坛子肉、
                    红焖肉、黄焖肉、酱豆腐肉、晒炉肉、炖肉、黏糊肉、烀肉、扣肉、松肉、罐儿肉、烧肉、大肉、烤肉、白肉、
                    红肘子、白肘子、锅肘子、水晶肘子、蜜蜡肘子、锅烧肘子、扒肘条、炖羊肉、酱羊肉、烧羊肉、烤羊肉、
                    清蒸羊肉、五香羊肉、余三样儿、爆三样儿、炸卷果儿、烩散丹、烩酸燕儿、烩银丝儿、烩白杂碎、汆节子、
                    烩节子、炸绣球、三鲜鱼翅、栗子鸡、氽鲤鱼、酱汁鲫鱼、活钻鲤鱼、板鸭、筒子鸡、烩肚脐、烩南荠、
                    爆肚仁儿、盐水时花儿、锅烧猪蹄儿、拌稂子、炖吊子、烧肝尖儿、烧肥肠儿、烧心、烧肺、烧紫盖儿、
                    烧连帖、烧宝盖儿、油炸肺、酱瓜丝儿、山鸡丁儿、拌海蜇、龙须菜、炝冬笋、玉兰片、烧鸳鸯、烧鱼头、
                    烧槟子、烧百合、炸豆腐、炸面筋、炸软筋、糖熘饹馇儿、拔丝山药、糖焖莲子、酿山药、杏仁儿酪、小炒蜻蟹、
                    汆大甲、炒荤素儿、什锦葛仙米、鳎目鱼、八代鱼、海鲫鱼、黄花鱼、鲥鱼、带鱼、扒海参、扒燕窝、扒鸡腿儿、
                    扒鸡块儿、扒肉、扒面筋、扒三样儿、油泼肉、酱泼肉、炒虾黄、熘蟹黄、炒子蟹、炸子蟹、佛手海参、炸烹儿、
                    炒芡子米、奶汤、翅子汤、三丝汤、熏斑鸠、卤斑鸠、海白米、烩腰丁儿、火烧茨菰、炸鹿尾儿、焖鱼头、
                    拌皮渣儿、氽肥肠儿、炸紫盖儿、鸡丝豆苗、十二台菜、汤羊、鹿肉、驼峰、鹿大哈、插根儿、炸花件儿，
                    清拌粉皮儿、炝莴笋、烹芽韭、木樨菜、烹丁香、烹大肉、烹白肉、麻辣野鸡、烩酸蕾、熘脊髓、咸肉丝儿、
                    白肉丝儿、荸荠一品锅、素炝春不老、清焖莲子、酸黄菜、烧萝卜、脂油雪花儿菜、烩银耳、炒银枝儿、
                    八宝榛子酱、黄鱼锅子、白菜锅子、什锦锅子、汤圆锅子、菊花锅子、杂烩锅子、煮饽饽锅子、肉丁辣酱、
                    炒肉丝、炒肉片儿、烩酸菜、烩白菜、烩豌豆、焖扁豆、氽毛豆、炒豇豆，外加腌苤蓝丝儿。
                </p>
                <hr/>
                <script>
                    //页面需引入jquery库
                    $(document).ready(function () {
                        $.get("http://api.tianapi.com/txapi/hotreview/index?key=1f2e3289eb73c053ad6dd0cb9329f915",
                            function (data, status) {
                                //console.log(data);
                                $('#content').append(JSON.stringify(data.newslist[0].content)); //返回内容绑定到ID为content的标签
                                $('#source').append(JSON.stringify(data.newslist[0].source)); //返回内容绑定到ID为source的标签
                                //alert("状态码：" + data.code + "\n消息：" + data.msg);
                            });
                    });
                </script>
                <header>
                    <h3>网易云热评</h3>
                    <p>这是调用的接口</p>
                </header>
                <p id="content"></p>
                <p id="source">——</p>
                <hr/>
            </section>

        </div>
    </div>

    <!-- Footer -->
    <footer id="footer">
        <ul class="copyright">
            <li>&copy; 不想起名</li>
        </ul>
    </footer>

</div>

<!-- Scripts -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/jquery.scrollex.min.js"></script>
<script src="js/browser.min.js"></script>
<script src="js/breakpoints.min.js"></script>
<script src="js/util.js"></script>
<script src="js/main.js"></script>

</body>
</html>